<template>
  <div :class="['card', table && 'card-table']">
    <slot name="content"></slot>
  </div>
</template>

<script>
  export default {
    props: {
      table: {
        type: Boolean,
        default: false
      }
    }
  }
</script>

<style lang="scss" scoped>
  .card{
    min-width: 1160px;
    padding: 6px 12px;
    margin: 6px;
    background: #FFFFFF;
    box-shadow: 0 0 6px 0 #DFDFDF;
    border-radius: 4px;
    &.card-table {
      padding-top: 10px;
    }
  }
</style>